// @import "comman.scss";
body{
   background:url(../img/content_bg.png) repeat;
}
// 支付密码
.pincode-input-container {
    display:inline-block;
}
.pincode-input-container input.first {
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.pincode-input-container input.last {
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-left-width:0px;
}
.pincode-input-container input.mid {
    border-radius:0px;
    border-left-width:0px;
}
.pincode-input-text, .form-control.pincode-input-text {
    width:35px;
    float:left;
    height:30px;
    border:1px solid #ccc;
    text-align:center;
}
.pincode-input-error{
    clear:both;
}
// 当前位置
.current{
    width: 100%;
    height: 40px;
    background: #BFA263;
    line-height: 40px;
    font-size: #fff;
    .current_span{
        span{
            color: #fff;
            a{
            color: #fff;
            }
        }
       .current1{
            a{
                color: #fadfc5;
            }
        }
    }
    
}
// 多息猫确认投资正文
.main{
    margin-top:20px;
    padding-bottom:165px;
    .main_top{
        background:#fff;
        padding:30px;
        .info1,.info2,.info3{
            .title{
                i{
                    vertical-align:middle;
                }
                span{
                    font-size:16px;
                    color:#333;
                }
            }
            table{
                tr{
                    th{
                        font-weight:normal;
                        color:#999;
                        font-size:14px;
                        text-align:left;
                        padding-bottom:20px;
                        padding-top:40px;
                        width:160px;
                    }
                    .th1{
                        width:300px;
                        padding-left:40px;
                    }
                    td{
                        text-align:left;
                        color:#333;
                        font-size:16px;
                        width:160px;
                        padding-top:20px;

                    }
                     .td1{
                        width:300px;
                        padding-left:40px;
                    }
                    .td2{
                        font-weight:bold;
                        font-size:16px;
                        color:#DA251D;

                    }
                   .td5{
                        font-weight:bold;
                        font-size:16px;
                        color:#AF7334;
                        span{
                            font-weight:normal;
                            color:#333;
                        }

                    }
                    .td6{
                        font-weight:bold;
                        font-size:16px;
                        color:#D9271B;
                         span{
                            font-weight:normal;
                            color:#333;
                        }

                    }
                }
                .tr1{
                    border-bottom:1px solid #ccc;
                }
            }
        }
        // 
        // 图标的各种位置
        .info1{
            .title{
                i{
                    background-position:-160px 0;
                     vertical-align:-12px;
                }
            }
        }
        .info2{
            .title{
                i{
                    background-position:-560px 0;
                     vertical-align:-10px;
                }
            }
        }
        // 这里点击查看更多详情
        .info3{
            .title{
                i{
                    background-position:-760px 0;
                    vertical-align:-10px;
                }
            }
        }
        .info2,.info3{
            margin-top:70px;
        }
        // 2层样式设置
        .info2{
            table{

                tr{
                    td{
                      width:160px;
                
                    } 
                    .td1{
                        width:300px;
                    }
                    .td2{
                        color:#333;
                        font-weight:normal;
                    }
                    .td3{
                        width:320px;
                    }
                    .td4{
                        color: #DA251D;
                        font-weight:bold;
                        span{
                            color:#333;
                            font-weight:normal;
                        }
                    }
                    // 单选模拟

                   .five{
                        span{
                             display:inline-block;
                            width:18px;
                            height:18px;
                            line-height:17px;
                            border-radius:50%;
                            border:1px solid silver;
                            text-align:center;
                            overflow:hidden;
                            .circle{
                                display:inline-block;
                                width:50%;
                                height:50%;
                                background:#bfa764;
                                border-radius:50%;
                                display:none;
                            }
                        }
                        // 激活状态的
                        .active{
                            .circle{
                                display:inline-block;
                            }
                        }
                       
                    }
                    
                }
            
            }
           
        }
        // 3层样式设置
        .info3{
            position:relative;
             .info_sample{
                 tr{
                   .td3{
                     font-weight:bold;
                     color: #DA251D;
                    }
                   .td5{
                     font-weight:bold;
                     color: #DA251D;
                    }
                  .td4{
                    padding-left:400px;
                    font-size:14px;
                    color:#666;
                    cursor:pointer;
                   }
                   .th4{
                      padding-left:390px;
                   }
                   .look{
                        padding-left:400px;
                       // width:580px;
                       cursor:pointer;
                    }
                }
            }
            .more_box{

                position:fixed;
                top:20px;
                height:291px;
                background:#fff;
                width:1071px;
                z-index:999;
                padding-bottom:20px;
                box-shadow:0 0 50px rgb(214,213,214);
                .title{
                    margin:40px 35px 14px 30px;
                    span{
                        font-size:20px;
                        color:#333;
                        font-weight:bold;
                    }
                    a{
                        display:inline-block;
                        width:30px;
                        height:30px;
                        background:url(../img/icon.png) -880px -8px no-repeat;
                       float:right;
                       margin-top:-15px;
                       cursor:pointer;
                    }
                }
                .intro{
                    margin:0 0 18px 30px;
                }
                .more_info{
                     margin:0;   
                    .info_table{
                        margin:0 30px 30px 30px;
                        tr{
                            th{
                                height:32px;
                                width:168px;
                                font-size:12px;
                                color:#333;
                                border:none;
                                margin:0;
                                padding:0;
                                text-align:center;
                                border:1px solid #999;
                                background:#ccc;
                            }
                            th:nth-child(1){
                                width:142px;
                            }
                             th:nth-child(2){
                                width:142px;
                            }
                             th:nth-child(2){
                                width:224px;
                            }
                            td{
                                height:32px;
                                font-size:12px;
                                color:#333;
                                padding:0;
                                text-align:center;
                                border:1px solid #999;
                            }
                             td:nth-child(1){
                                width:142px;
                            }
                             td:nth-child(2){
                                width:142px;
                            }
                             td:nth-child(2){
                                width:224px;
                            }
                        }
                    }
                }

            }
           
        }
    }
    .main_middle{
        background:#fff;
        margin-top:20px;
        padding:30px;
        .top{
            border-bottom:1px solid #ccc;
            padding-bottom:20px;
            font-size:16px;
            color:#333;
            // 图标位置
            i{
                background-position:-320px 0;
                vertical-align:-12px;
            }
        }
        .bottom{
           margin:50px 40px 0 0;
           p{
            text-align:right;
            line-height:32px;
            color:#666;
            span{
                display:inline-block;
                width:190px;
                color:#333;
            }
           } 
        }
    }
    .txt{
        padding:24px 40px 24px 0;
        background:#f5f5f2;
        p{
            text-align:right;

        }
        .top{
            margin-right:30px;
            span{
                display:inline-block;
                width:190px;
                font-size:18px;
                font-weight:bold;
                color:#DA251D;
            }
        }
        .bottom{
            margin-top:18px;
            margin-right:30px;
            span{
                margin-right:36px;
                font-size:12px;
                color:#BBBBBB;
            }
            span:last-child{
                margin-right:0;
            }
        }
    }
    // 支付密码
    .main_bottom{
        padding:30px 40px 30px 0;
        background:#fff;
        //text-align:right;
        .p_password{
            float:left;
           display:inline-block;
           padding-left:650px;
           .top{
            display:inline-block;
            line-height:52px;
            float:left;
            margin-right:8px;
           }
           .container{
             float:left;
             width: 240px;
             height: 50px;
             margin: 0 auto;
             position: relative;
             line-height:54px;
             margin-top:10px;
                .realInput{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top:0;
                    left: 0;
                    z-index: 1;
                    filter:alpha(opacity=0);
                    -moz-opacity:0;
                    opacity:0;
                }
                .bogusInput{
                width: 100%;
                height: 100%;
                border-radius: 7px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                overflow: hidden;
                position: absolute;
                z-index: 0;
                    input{
                        display:inline-block;
                        border:1px solid #ccc;
                        border-radius:3px;
                        width:30px;
                        height:30px;
                        position:relative;
                        text-align:center;
                        background:#fff;
                    }
                }
            }
            .password{
             display:inline-block;
             line-height:52px;
                input{
                    display:inline-block;
                    border:1px solid #ccc;
                    border-radius:3px;
                    width:30px;
                    height:30px;
                    position:relative;
                    text-align:center;

                }
            }
        }
       .btn{
            float:right;
            margin-top:8px;
            margin-right:30px;
          .confirmButton{
            background:#af7533;
            display:inline-block;
            width:100px;
            height:40px;
            color:#fff;
            text-align:center;
            line-height:40px;
            border-radius:5px;
            cursor:pointer;
            border:0;
            outline:0;
        }
        .showValue{
            display:none;
        }

       }
    }

}
// 支付提示的弹出框
.alertbox{
    .bg{
        margin:0;
        padding:0;
        border:none;
        width:100%;
        height:100%;
        background:#333;
        opacity:0.4;
       filter:Alpha(Opacity=50);
        z-index:9999;
        position:fixed;
        top:0;
        left:0;
        z-index:999;
    }
    // 支付提示内容
    .failed{
           width:564px;
           height:320px;
           position:fixed;
           bottom:0;
           top:50%;
           left:50%;
           margin-left:-282px;
           margin-top:-160px;
           z-index:9999;
           .title{
               width:564px;
               background:#e1e1e1;
               line-height:54px;
               height:54px;
                .left{
                    float:left;
                    color:#666; 
                    font-size:18px;
                    font-weight:bold;
                    margin-left:15px;
                   
                }
                .right{
                    float:right;
                    display:inline-block;
                    width:54px;
                    height:54px;
                    text-align:center;
                    // background:#d9271b;
                     i{
                       background-position:-920px 0;
                        margin-left:-5px;
                        color:#fff;
                    }
                }
                .right:hover{
                    background:#d9271b;
                }
           }
           .content{
               background:#ffffff;
               width:534px;
               padding:15px;
               .left{
                   float:left;
                   margin-left:50px;
                   margin-top:45px;
                   i{
                     width:80px;
                     height:80px;
                     background-position:-400px -80px;
                   }
               }
               .right{
                    float:left;
                    margin-top:50px;
                    margin-left:16px;
                    p{
                        font-size:18px;
                        color:#333;
                        span{
                               color:#1e95ee;
                        }
                    }
                    .line1{
                        span{
                            color:#d9271b;
                        }
                    }
               }
               .bottom{
                   text-align:center;
                   margin-top:40px;
                   margin-bottom:30px;
                   span{
                        display:inline-block;
                        width:162px;
                        height:40px;
                        color:#fff;
                        line-height:40px;
                        border-radius:5px;
                   }
                   .btn1{
                       background: #169cd4;
                   }
                   .btn2{
                       border:1px solid #999;
                       color:#999;
                   }
               }
           }
    }
}

